<template>
	<div class="zong">
		<swiper :options="swiperOption">
		    <swiper-slide>
	    		<p><i>●</i>来大别山旅游看最美秋色，细数大别山腹地秋景top10</p>
	    		<p><i>●</i>秋季南京旅游攻略，走进梧桐树下的金陵城</p>
	   		</swiper-slide>
	   		<swiper-slide>
	    		<p><i>●</i>科普重阳节来历，为你推荐上海周边重阳节登高旅游好去处</p>
	    		<p><i>●</i>阿尔山旅游全攻略，深度揭秘《亲爱的客栈》取景地阿尔山</p>
	   		</swiper-slide>
		</swiper>
	</div>
</template>
<script>
	export default{
		data(){
			return {
			    swiperOption: {
			    	direction: 'vertical',
			    	loop:true,
			    	pagination: {
			            el: '.swiper-pagination',
			        }
			    }
			}
		}
	}
</script>
<style lang='stylus' scoped>
i{
	font-style: normal;
	color: #f4d002;
	margin-right: 8px;
}
	.zong{
		width: 100%;
		padding:.26rem;
		height: 1.8rem;
		background: #f5e4dc;
		p{
			font-size: .35rem;
			padding:6px 0;
			overflow:hidden;
		    text-overflow:ellipsis;
		    white-space:nowrap;
		}
	}
	.swiper-slide{
		height: 0.5rem;
	}
	.swiper-container{
		height: 1.57rem
	}
</style>